﻿@model qltscd.Models.ScreenClient.DanhMucThietBiScreenClient
@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/Modules/_LayoutTacVuNhapLieu.cshtml";

}
<h2>
    Danh mục thiết bị</h2>
<script type="text/javascript">
    function confirmSua() {
        var idenTB = document.getElementById('idenTB');
        if (idenTB.value == null || idenTB.value == '' || idenTB.value == "-1") {
            alert("Chọn thiết bị trước");
        } else {
            document.location = "/QuanLyThietBi/DanhMucThietBi/SuaThietBi/" + idenTB.value;
        }
    }
    function confirmXoa() {
        var idenTB = document.getElementById('idenTB');
        if (idenTB.value == null || idenTB.value == '' || idenTB.value == "-1") {
            alert("Chọn thiết bị trước");
        } else {
            document.location = "/QuanLyThietBi/DanhMucThietBi/Delete/" + idenTB.value;
        }
    }
    function oncheck(id) {
        document.getElementById('idenTB').value = id;
    }
</script>
<input type="hidden" value="-1" name="idenTB" id="idenTB" />
@{
    Html.Telerik().Grid(Model.DanhMucThietBis)
    .Name("grdDSTB")
    .DataKeys(keys => {
            keys.Add(c => c.MaThietBi);
        })
    .Resizable(r => r.Columns(true))
    .Reorderable(r => r.Columns(true))
    .Sortable()
    .Pageable(paging => paging.Enabled(true).Style(GridPagerStyles.NextPreviousAndInput).PageSize(15))
    .ToolBar(t => {
        t.Custom()
           .Text("Thêm thiết bị")
           .ImageHtmlAttributes(new { @class = "t-icon t-add" })
           .Action("Create", "DanhMucThietBi")
           .ButtonType(GridButtonType.ImageAndText);
        t.Custom()
            .Text("Sửa thiết bị")
            .Url("#")
            .HtmlAttributes(new { @onclick = "confirmSua()" })
            .ButtonType(GridButtonType.ImageAndText);
        t.Custom()
            .Text("Xóa thiết bị")
            .Url("#")
            .HtmlAttributes(new { @onclick = "confirmXoa()" })
            .ButtonType(GridButtonType.ImageAndText);
        t.Custom()
            .Text("In PDF")
            .Action("ShowPdf", "DanhMucThietBi")
            .ButtonType(GridButtonType.ImageAndText)
            .ImageHtmlAttributes(new {
                @style = "background-image: url('./../../../../Quanlythietbi/Content/Images/printer.png');"
            });
        t.Custom()
            .Text("Xuất Excel")
            .Action("ExportToExcel", "DanhMucThietBi")
            .ButtonType(GridButtonType.ImageAndText)
            .ImageHtmlAttributes(new {
                @style = "background-image: url('./../../../../Quanlythietbi/Content/Images/printer.png');"
            });
        t.Custom()
            .Text("Xem Chi tiết Thiết Bị")
            .Url("./../WebFormShowReport/ShowRpt.aspx?namerpt=rChiTietCauHinhThietBi.rpt")
            .ButtonType(GridButtonType.ImageAndText)
            .ImageHtmlAttributes(new {
                @style = "background-image: url('./../../../../Quanlythietbi/Content/Images/printer.png');"
            });
    })
    .DataBinding(databinding => {
        databinding.Server()
            .Select("Index", "DanhMucThietBi");
        databinding.Ajax()
            .Select("_Index", "DanhMucThietBi")
            .Insert("_Insert", "DanhMucThietBi")
            .Delete("_Delete", "DanhMucThietBi")
            .Update("_Update", "DanhMucThietBi");
    })
    .Columns(column => {
        column.Template(@<text>
    <input name="radioThietBi" type="radio" onclick="oncheck(@item.IdentityThietBi)"/>
    </text>)
            .Width(20)
            .ClientTemplate("<input name='checkbox' type='radio' onclick='oncheck(<#=IdentityThietBi#>)'/>");
        column.Bound(o => o.TheThietBi).Title("Thẻ thiết bị").Width(50);
        column.Bound(o => o.TenThietBi).Title("Tên thiết bị").Width(150);
        column.Bound(o => o.SerialThietBi)
            .Template(@<text> <span onclick="openDetailsWindow('@item.SerialThietBi')">@item.SerialThietBi</span>
    </text>)
            .ClientTemplate("<span onclick='openDetailsWindow('<#=IdentityThietBi#>')'><#=SerialThietBi#></span>")
            .Title("Serial thiết bị").Width(50);
        //column.Bound(o => o.MaThietBi_Cha).Title("Mã thiết bị cha").Width(50);
        column.Bound(o => o.NSX).Title("Năm sản xuất").Width(50);
        column.Bound(o => o.NCC).Title("Năm cung cấp").Width(50);
        column.Bound(o => o.LyDoTang).Title("Lý do tăng").Width(50);
        column.Bound(o => o.NguyenGia).Title("Nguyên giá").Width(50).Format("$ {0:#,##}");
        //column.Bound(o => o.TiGia).Title("Tỉ giá").Width(50);
        //column.Command(cmd => {
        //    cmd.Custom("Chỉnh sửa")
        //        .ButtonType(GridButtonType.Image)
        //        .Action("Create", "DanhMucThietBi")
        //        .DataRouteValues(routs => routs.Add(p => p.SerialThietBi))
        //        .Text("Chỉnh sửa")
        //        .ImageHtmlAttributes(new { @class = "t-icon t-edit" });
        //}).Width(30);
        //column.Bound(o => o.ThoiGianKhauHao).Title("Thời gian khấu hao").Width(50);
        //column.Bound(o => o.ThoiDiemKhauHao).Title("Thời điểm khấu hao").Width(50);
        //column.Bound(o => o.ThoiGianBaoHanh).Title("Thời gian bảo hành").Width(50);
    })
    .Render();
}
<script type="text/javascript">
    function openDetailsWindow(id) {
        var url = "/QuanLyThietBi/";
        var windowElement = $.telerik.window.create({
            title: 'Details',
            actions: ["Refresh", "Maximize", "Close"],
            contentUrl: url,
            modal: true,
            resizable: true,
            draggable: true,
            scrollable: true,
            visible: false,
            width: 1000,
            height: 650,
            id: 'detailsview',
            name: 'detailsview',
            onClose: function () {
                document.location = document.location;
            }
        });
        var w = $(windowElement).data("tWindow");
        w.center();
        w.open();
    }
</script>